<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>补款升级</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/animate.min.css">
    <link rel="stylesheet" href="/css/style.min.css">
    <link rel="stylesheet" href="/js/bootstrap-table/bootstrap-table.min.css">
    <link rel="stylesheet" href="/css/bootstrap-select.css">
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css">

    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css" />
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/daterangepicker.css" />
    <!--固定table列-->
    <link rel="stylesheet" href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css">
    <link rel="stylesheet" href="/css/contractManager/user/contractPromotion.css">
    <link rel="stylesheet" href="/css/skin.css">
</head>
<body>
<div class="container-fluid">
    <div class="card">
        <div class="card-header">
            <h1>补款升级 <span style="color: red;font-size: 15px;">（补款升级合同创建成功后不能退款!）</span></h1>
        </div>
        <div class="card-body">
            <div class="well form-well">
                <input type="hidden" id="contractId" th:value="${contractId}">
                <input type="hidden" id="customerId" th:value="${customerId}">
                <input type="hidden" id="contractType" th:value="${contractType}">
                <h2>当前产品 <span>(只能选择一项产品进行升级)</span></h2>
                <table id="productTable"></table>
                <h3 class="m-t-15">补款信息</h3>
                <div class="row" th:if="${contractType == '会员单次合同'} ">
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                        <label class="control-label label-required">客户邮箱</label>
                        <div class="form-content">
                            <input type="text" class="form-control" placeholder="请添加客户邮箱"  id="customerEmail" name="customerEmail">
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 ">
                        <label class="control-label label-required">合同类型</label>
                        <div class="form-content">
                            <select class="form-control" title="请选择合同类型" id="contractTypeVal" name="contractTypeVal" onchange="contractTypeChange(this)">
                                <option value="2">新单</option>
                                <option value="4">续费</option>
                            </select>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 main-contract" >
                        <label class="control-label label-required">会员主合同</label>
                        <div class="form-content">
                            <select class="form-control" title="请选择" id="contractMain" name="contractMain" >
                                <option value="">请选择</option>

                            </select>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 ">
                        <label class="control-label label-required">合同起止日期</label>
                        <div class="form-content">
                            <input type="text" class="form-control" id="contractDate" name="contractDate" placeholder="请选择合同起止日期" autocomplete="off" >
                        </div>
                    </div>

                </div>
                <div class="row">
<!--                     form-group-->
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                        <label class="control-label label-required" for="productList">选择升级产品</label>
                        <div class="form-content">
                            <select name="productList" id="productList" title="请选择产品" data-live-search="true" class="form-control"></select>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                        <label class="control-label label-required">支付方式</label>
                        <div class="form-content">
                            <select class="form-control" title="请选择" id="paymentMethod" name="paymentMethod" onchange="changeCooperat()">

                                <option  value="2">线下支付</option>
                                <option  value="3">余额支付</option>

                            </select>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 amount-conceal">
                        <label class="control-label label-required" for="increment">补款金额</label>
                        <div class="form-content">
                            <input type="text" name="increment" id="increment" class="form-control">
                        </div>
                    </div>





                </div>

                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                        <label class="control-label label-required">关联跟进记录</label>
                        <div class="form-content">
                            <select class="form-control" title="请选择关联跟进记录" id="followRecordList" name="followRecordList"></select>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 ">
                        <label class="control-label label-required">关联赢单商机</label>
                        <div class="form-content">
                            <div class="input-group">
                                <select class="form-control" title="请选择关联赢单商机" id="opportunityList" name="opportunityList"></select>
                                <span class="input-group-btn">
                                        <button class="btn btn-default" type="button" onclick="getOpportunitySelect();" id="refreshOpportunityBtn">刷新</button>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 ">
                        <label class="control-label label-required">是否加盖公章</label>
                        <div class="form-content" style="padding-top: 6px;">
                            <label class="lyear-radio radio-inline radio-primary m-l-5">
                                <input type="radio" name="applyElectronicContract" value="1"><span>是</span>
                            </label>
                            <label class="lyear-radio radio-inline radio-primary m-l-10">
                                <input type="radio" name="applyElectronicContract" value="0" checked><span>否</span>
                            </label>
                        </div>
                    </div>

                </div>
            </div>
            <div class="well form-well pay-balance">
                <h3>合作开发人员</h3>
                <div id="cooperateTableToolbar" class="toolbar">
                    <select name="companiesList" id="companiesList" title="请选择分公司" data-live-search="true" onchange="getAccountList(this);" class="pull-left m-r-10"></select>
                    <select name="accountList" id="accountList" title="请选择合作开发人员" data-live-search="true" class="pull-left m-r-10" disabled></select>
                    <button type="button" class="btn btn-success btn-label" id="addCooperateBtn" disabled onclick="addCooperate();"><label><i class="mdi mdi-plus"></i></label>添加</button>
                </div>
                <table id="cooperateTable"></table>
            </div>
            <div class="well form-well file-well">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                        <div class="file-group">
                            <label class="control-label">审核附件</label>
                            <div class="file-box">
                                <input type="hidden" id="examinedPic" class="image-id" value="">
                                <input type="file" accept=".doc,.pdf,.docx" id="examineImgBox" name="examineImgBox" class="form-control" onchange="uploadImg('examineImgBox')">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <label class="control-label">备注信息</label>
                        <textarea class="form-control" placeholder="请输入备注信息" id="contractReviewNotes"></textarea>
                    </div>
                </div>
            </div>
            <div class="form-actions">
                <button class="btn btn-primary btn-label" type="button" onclick="submitPromotion();"><label><i class="mdi mdi-check"></i></label>提交</button>
                <button class="btn btn-default" type="button" onclick="">重置</button>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<!--公共js-->
<script src="/js/crm/common/common.js"></script>
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
<!-- 通用js -->
<script src="/js/crm/common/common.js"></script>
<script type="text/javascript" src="/js/crm/common/lightyear.js"></script>
<!-- 子页面公用js -->
<script src="/js/crm/common/pageCommon.js"></script>
<script src="/js/crm/contractManager/user/contractPromotion.js"></script>
</body>
</html>